<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.thymeleaf.org/thymeleaf-extras-shiro">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册一个新的账号</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="shortcut icon" href="favicon.ico">
    <link th:href="@{static/css/bootstrap.min.css}" href="../static/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link th:href="@{static/css/font-awesome.css}"href="../static/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link th:href="@{static/css/plugins/iCheck/custom.css}"href="../static/css/plugins/iCheck/custom.css" rel="stylesheet">
    <link th:href="@{static/css/animate.css}"href="../static/css/animate.css" rel="stylesheet">
    <link th:href="@{static/css/style.css}"href="../static/css/style.css?v=4.1.0" rel="stylesheet">
    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html"/>
    <![endif]-->
    <script>if (window.top !== window.self) {
        window.top.location = window.location;
    }</script>
</head>

<body class="gray-bg">

<div class="middle-box text-center loginscreen  animated fadeInDown">
    <div>
        <form class="m-t" role="form" th:action="@{/adminAdd}"  method="post">
            <div>
                <img alt="image" class="img-circle circle-border" th:src="@{static/image/a3.jpg}" src="../static/image/a3.jpg">
            </div>
            <h3>欢迎注册</h3>
            <p>创建一个新账户</p>
            <div class="form-group">
                <input type="text" value="" class="form-control" placeholder="用户名" name="username">
            </div>
            <div class="form-group">
                <input id="password" type="password" value="" class="form-control" placeholder="请输入密码" name="password">
            </div><div class="form-group">
                <input  onmouseout="validate()" id="confirmPassword"type="password" value="" class="form-control" placeholder="请再次输入密码" name="confirmPassword">
            </div>
            <button   type="submit" class="btn btn-primary block full-width m-b">注 册</button>
        </form>
    </div>
</div>

<!-- 全局js -->
<script type="text/javascript">
    function validate(){
        var word1= document.getElementById("password").value;
        var word2 = document.getElementById("confirmPassword").value;
        if(word1 != word2){
            window.alert("两次输入的新密码不一致！");
            confirmNewPassword.focus();
            return false;
        }
        return true;}
</script>


<script th:src="@{static/js/jquery.min.js}" src="../static/js/jquery.min.js?v=2.1.4"></script>
<script th:src="@{static/js/bootstrap.min.js}" src="../static/js/bootstrap.min.js?v=3.3.6"></script>


</body>

</html>
